
<table id="xxx" class="fluent-data-grid grid" style="grid-template-columns: 1fr 1fr;" aria-rowcount="5" blazor:onclosecolumnoptions="1" blazor:onclosecolumnresize="2" b-ppmhrkw1mj="" blazor:elementreference="">
  <thead b-ppmhrkw1mj="">
    <tr class="fluent-data-grid-row" data-row-index="0" role="row" row-type="header" blazor:onkeydown="3" blazor:onclick="4" blazor:ondblclick="5" blazor:onfocus="6" b-upi3f9mbnn="">
      <th col-index="1" class="column-header col-justify-start col-sort-asc" style="grid-column: 1; min-width: 100px; height: 32px; min-height: 44px; z-index: 5;" blazor:oncontextmenu:preventdefault="" blazor:onkeydown="27" blazor:onclick="28" blazor:onfocus="29" scope="col" aria-sort="ascending" b-w6qdxfylwy="">
        <div style="display: flex; justify-content: flex-start;" b-pxhtqoo8qd="">
          <span class="keycapture" style="width: 100%;" blazor:oncontextmenu="57" blazor:elementreference="">
            <fluent-button class="col-sort-button" style="width: calc(100% - 10px);" type="button" appearance="stealth" blazor:onclick="58" b-x1200685t0="" blazor:elementreference="">
              <div class="col-title-text" b-pxhtqoo8qd="">Item1</div>
              <svg slot="end" style="width: 20px; fill: var(--accent-fill-rest); opacity: var(--fluent-data-grid-header-opacity);" focusable="false" viewBox="0 0 20 20" aria-hidden="true" blazor:onkeydown="59" blazor:onclick="60">
                <path d="M9 4.71 6.35 7.35a.5.5 0 1 1-.7-.7L9.1 3.18a.5.5 0 0 1 .74-.03h.01l3.5 3.5a.5.5 0 1 1-.71.7L10 4.71V16.5a.5.5 0 0 1-1 0V4.71Z"></path>
              </svg>
            </fluent-button>
          </span>
        </div>
      </th>
      <th col-index="2" class="column-header col-justify-start" style="grid-column: 2; min-width: 100px; height: 32px; min-height: 44px; z-index: 5;" blazor:oncontextmenu:preventdefault="" blazor:onkeydown="30" blazor:onclick="31" blazor:onfocus="32" scope="col" aria-sort="none" b-w6qdxfylwy="">
        <div style="display: flex; justify-content: flex-start;" b-pxhtqoo8qd="">
          <div class="col-title" style="width: calc(100% - 10px);" b-pxhtqoo8qd="">
            <div class="col-title-text" b-pxhtqoo8qd="">Item2</div>
          </div>
        </div>
      </th>
    </tr>
  </thead>
  <tbody b-ppmhrkw1mj="">
    <tr class="fluent-data-grid-row" data-row-index="3" role="row" blazor:onkeydown="15" blazor:onclick="16" blazor:ondblclick="17" blazor:onfocus="18" aria-rowindex="2" b-upi3f9mbnn="">
      <td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="39" blazor:onclick="40" blazor:onfocus="41" b-w6qdxfylwy="">A</td>
      <td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="42" blazor:onclick="43" blazor:onfocus="44" b-w6qdxfylwy="">D</td>
    </tr>
    <tr class="fluent-data-grid-row" data-row-index="2" role="row" blazor:onkeydown="11" blazor:onclick="12" blazor:ondblclick="13" blazor:onfocus="14" aria-rowindex="3" b-upi3f9mbnn="">
      <td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="33" blazor:onclick="34" blazor:onfocus="35" b-w6qdxfylwy="">B</td>
      <td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="36" blazor:onclick="37" blazor:onfocus="38" b-w6qdxfylwy="">C</td>
    </tr>
    <tr class="fluent-data-grid-row" data-row-index="5" role="row" blazor:onkeydown="23" blazor:onclick="24" blazor:ondblclick="25" blazor:onfocus="26" aria-rowindex="4" b-upi3f9mbnn="">
      <td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="51" blazor:onclick="52" blazor:onfocus="53" b-w6qdxfylwy="">C</td>
      <td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="54" blazor:onclick="55" blazor:onfocus="56" b-w6qdxfylwy="">B</td>
    </tr>
    <tr class="fluent-data-grid-row" data-row-index="4" role="row" blazor:onkeydown="19" blazor:onclick="20" blazor:ondblclick="21" blazor:onfocus="22" aria-rowindex="5" b-upi3f9mbnn="">
      <td col-index="1" class="col-justify-start" style="grid-column: 1; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="45" blazor:onclick="46" blazor:onfocus="47" b-w6qdxfylwy="">D</td>
      <td col-index="2" class="col-justify-start" style="grid-column: 2; height: 32px;" role="gridcell" tabindex="0" blazor:onkeydown="48" blazor:onclick="49" blazor:onfocus="50" b-w6qdxfylwy="">A</td>
    </tr>
  </tbody>
</table>